{% extends "base.html" %}

{% block title %}{{ application_name }}{% endblock %}

{% block head %}
  <script type="text/javascript" src="/static/js/tiny_mce/tiny_mce.js"></script>
  <script type="text/javascript">

  tinyMCE.init({
  mode: "textareas",
  plugins: "safari",
  theme: "advanced",
    content_css: "/static/css/editor.css",
  });

  </script>
  <style type="text/css">

  #body {
    margin: 29px;
    margin-top: 19px;
  }

  #body .buttons {
    margin-top: 0.75em;
  }

  #body .buttons .item {
    margin-right: 0.5em;
  }

  </style>
{% endblock %}

{% block content %}
<form method="post">
  <table id="editor">{{ form }}</table>
  <input type="submit">
</form>
{% endblock %}

